Random Name Generator

1536px

Console

Trying viewing this Pen in Debug Mode, which is the preview area without any iframe and does not require JavaScript. Although what the preview is of might!

Need to know how to enable JavaScript? Go here.

Close this, use anyway.

{"__browser":{"device":"unknown_device","mobile":false,"name":"chrome","platform":"pc","version":"102"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer; camera; encrypted-media; display-capture; geolocation; gyroscope; microphone; midi; clipboard-read; clipboard-write; web-share","iframe_sandbox":"allow-forms allow-modals allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation allow-downloads allow-presentation"},"__user":{"anon":true,"base_url":"/anon/","current_team_id":0,"current_team_hashid":null,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNjU2MjY5MTQxLCJpYXQiOjE2NTYyNjU1NDEsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.YIXxkLbGYuA--fHMafnQgds2K_0GEPEVOU_ba7J-R8nZDtlQEX4ADNsjylM8pzJEnHJ2-5DIjv6tydwcHD6PtzXFq9xCrwGgW8C9XfhBQ8G9bxn0mW5aMExG3VVxsPN5biLlB1uQ_7Fcg8Fs-5KIfNdoBIHi4MYL_bpmyMkMd50g1kcCEIOtlUkcYph7ITzwl3U9gKXlbnN8HtLbDnAKkensd6Y-q9tArc_svBu18SOk1RcbiWyRIFlQboqrracStuUEs8Yj26IKSv1dL0hdpD2Zl-Pk7rIiF9U1dlOhY0beZU25Mkb3iM0W1NzEAYUgmgFdV6zZJnqbkhydqD-jbQ"},"__graphql":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar80":"https://assets.codepen.io/t-1/user-default-avatar.jpg?fit=crop&format=auto&height=80&version=0&width=80","avatar512":"https://assets.codepen.io/t-1/user-default-avatar.jpg?fit=crop&format=auto&height=512&version=0&width=512","currentContext":{"id":"VoDkNZ","baseUrl":"/anon","title":"Captain Anonymous","name":"Captain Anonymous","avatar80":"https://assets.codepen.io/t-1/user-default-avatar.jpg?fit=crop&format=auto&height=80&version=0&width=80","avatar512":"https://assets.codepen.io/t-1/user-default-avatar.jpg?fit=crop&format=auto&height=512&version=0&width=512","username":"anon","contextType":"User","__typename":"User"},"currentTeamId":null,"baseUrl":"/anon","username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"teams":[],"__typename":"User"}}},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__boomboom":{"serve_url":"https://cdpn.io/cpe/boomboom","store_url":"https://codepen.io/cpe/boomboom/store"},"__editor_config":{"id":"classic","editors":[{"id":"html","type":"html","name":"HTML","showEditor":true,"showSettings":true,"showProcessors":true,"embeds":{"showViewCompiled":true},"settings":[{"id":"processor","name":"HTML Preprocessor","type":"select","visible":true,"values":[{"id":"none","name":"None","value":"none","default":true},{"id":"haml","name":"Haml","value":"haml"},{"id":"markdown","name":"Markdown","value":"markdown"},{"id":"slim","name":"Slim","value":"slim"},{"id":"pug","name":"Pug","value":"pug"}]},{"id":"html_classes","name":"Add Class(es) to <html>","type":"input","placeholder":"e.g. single post post-1234","visible":true},{"id":"head","name":"Stuff for <head>","type":"textarea","placeholder":"e.g. <meta>, <link>, <script>","visible":true}],"actions":[{"id":"tidy_html","type":"tidy_code","name":"Format HTML","disabled_processors":["haml","slim"]},{"id":"view_compiled_html","type":"view_compiled","name":"View Compiled HTML","disabled_processors":["none"],"showInEmbeds":true},{"id":"analyze_html","type":"analyze","name":"Analyze HTML"},{"id":"maximize_html_editor","type":"maximize","name":"Maximize HTML Editor"},{"id":"minimize_html_editor","type":"minimize","name":"Minimize HTML Editor"},{"id":"fold_all_html","type":"fold_all","name":"Fold All"},{"id":"unfold_all_html","type":"unfold_all","name":"Unfold All"}],"processors":[{"id":"none","name":"None"},{"id":"haml","name":"Haml"},{"id":"markdown","name":"Markdown"},{"id":"slim","name":"Slim"},{"id":"pug","name":"Pug"}]},{"id":"css","type":"css","name":"CSS","showEditor":true,"showSettings":true,"showProcessors":true,"showVendorPrefixing":true,"embeds":{"showViewCompiled":true},"actions":[{"id":"tidy_css","type":"tidy_code","name":"Format CSS","disabled_processors":["sass","stylus"]},{"id":"view_compiled_css","type":"view_compiled","name":"View Compiled CSS","disabled_processors":["none"],"disabled_prefixes":["neither","prefixfree"]},{"id":"analyze_css","type":"analyze","name":"Analyze CSS"},{"id":"maximize_css_editor","type":"maximize","name":"Maximize CSS Editor"},{"id":"minimize_css_editor","type":"minimize","name":"Minimize CSS Editor"},{"id":"fold_all_css","type":"fold_all","name":"Fold All","disabled_processors":["sass"]},{"id":"unfold_all_css","type":"unfold_all","name":"Unfold All","disabled_processors":["sass"]}],"processors":[{"id":"none","name":"None"},{"id":"less","name":"Less"},{"id":"scss","name":"SCSS"},{"id":"sass","name":"Sass"},{"id":"stylus","name":"Stylus"},{"id":"postcss","name":"PostCSS"}],"parSuffixes":["less","scss","sass","styl"]},{"id":"js","type":"js","name":"JS","showEditor":true,"showSettings":true,"showProcessors":true,"detectImports":true,"externalResourcesHidden":false,"embeds":{"showViewCompiled":true},"actions":[{"id":"tidy_js","type":"tidy_code","name":"Format JavaScript","disabled_processors":["coffeescript, livescript"]},{"id":"view_compiled_js","type":"view_compiled","name":"View Compiled JavaScript","disabled_processors":["none"]},{"id":"analyze_js","type":"analyze","name":"Analyze JavaScript"},{"id":"maximize_js_editor","type":"maximize","name":"Maximize JavaScript Editor"},{"id":"minimize_js_editor","type":"minimize","name":"Minimize JavaScript Editor"},{"id":"fold_all_js","type":"fold_all","name":"Fold All"},{"id":"unfold_all_js","type":"unfold_all","name":"Unfold All"}],"processors":[{"id":"none","name":"None"},{"id":"babel","name":"Babel"},{"id":"typescript","name":"TypeScript"},{"id":"coffeescript","name":"CoffeeScript"},{"id":"livescript","name":"LiveScript"}]}],"formatters":[{"id":"classic","name":"Classic","runOn":[{"eventType":"demand"}],"url":"https://fi593g2v2a.execute-api.us-west-2.amazonaws.com/production/format"}],"layout":{"default":"top"},"linters":[{"id":"classic","name":"Classic","runOn":[{"eventType":"demand"}],"url":"https://fi593g2v2a.execute-api.us-west-2.amazonaws.com/production/lint"}],"preview":{"intervalMaxWaitMS":3500,"intervalMS":1200},"settings":[{"id":"behavior","name":"Behavior","type":"setting"},{"id":"editor","name":"Editor","type":"setting"}]},"__item":"{\"editor_settings\":{\"auto_run\":true,\"autocomplete\":false,\"code_folding\":true,\"css_pre_processor\":\"none\",\"css_prefix\":\"neither\",\"css_starter\":\"neither\",\"emmet_active\":true,\"font_size\":\"14\",\"font_type\":\"system\",\"format_on_save\":false,\"html_pre_processor\":\"none\",\"indent_with\":\"spaces\",\"js_pre_processor\":\"none\",\"key_bindings\":\"normal\",\"line_numbers\":true,\"line_wrapping\":true,\"match_brackets\":true,\"snippets\":{\"markupSnippets\":{},\"stylesheetSnippets\":{}},\"tab_size\":\"2\",\"theme\":\"twilight\",\"id\":\"BKKywy\",\"auto_save\":true},\"hashid\":\"BKKywy\",\"itemType\":\"pen\",\"resources\":[{\"url\":\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css\",\"order\":0,\"resource_type\":\"css\",\"par_content\":\"\"}],\"tags\":[],\"id\":7333823,\"user_id\":519605,\"html\":\"<div class=\\\"container-fluid\\\">\\n    <h1 class=\\\"box light-blue-box rokkitt text-center\\\">\\n      RANDOM NAME GENERATOR\\n    </h1>\\n    <div class=\\\"box light-gray-box rokkitt text-center\\\">\\n      <h3>Instructions</h3>\\n      <h4>Click the \\\"Generate\\\" Button to Generate a Random Name!</h4>\\n    </div>\\n    <h4></h4>\\n    <button onclick=\\\"generator()\\\" class=\\\"btn btn-primary btn-block btn-large\\\">Generate!</button>\\n    <h1 class=\\\"jumbotron text-center rokkitt\\\" id=\\\"name\\\">Your Name Will Appear Here</h1>\\n  </div>\\n</body>\",\"css\":\"@import url(https://fonts.googleapis.com/css?family=Rokkitt);\\n\\n.rokkitt {\\n  font-family: rokkitt;\\n};\\n\\n.light-blue-box {\\n  background-color: #00BFFF;\\n  color: white;\\n  padding: 20px 20px 20px 20px;\\n};\\n\\n.light-gray-box {\\n  background-color: #A0A0A0;\\n  color: white;\\n  padding: 2px 2px 2px 2px;\\n};\",\"parent\":0,\"js\":\"// Hello everyone! If you're wondering how I made this small function, I simply made two arrays. One of the arrays contained a list of adjectives, while the other contained a list of objects. Then, I wrote a function to choose one random adjective and one random object and then put them together. I hope you enjoy using the Random Name Generator! //\\n\\nvar adjective = [\\\"Excited\\\", \\\"Anxious\\\", \\\"Overweight\\\", \\\"Demonic\\\", \\\"Jumpy\\\", \\\"Misunderstood\\\", \\\"Squashed\\\", \\\"Gargantuan\\\",\\\"Broad\\\", \\\"Crooked\\\", \\\"Curved\\\", \\\"Deep\\\", \\\"Even\\\",\\\"Excited\\\", \\\"Anxious\\\", \\\"Overweight\\\", \\\"Demonic\\\", \\\"Jumpy\\\", \\\"Misunderstood\\\", \\\"Squashed\\\", \\\"Gargantuan\\\",\\\"Broad\\\", \\\"Crooked\\\", \\\"Curved\\\", \\\"Deep\\\", \\\"Even\\\", \\\"Flat\\\", \\\"Hilly\\\", \\\"Jagged\\\", \\\"Round\\\", \\\"Shallow\\\", \\\"Square\\\", \\\"Steep\\\", \\\"Straight\\\", \\\"Thick\\\", \\\"Thin\\\", \\\"Cooing\\\", \\\"Deafening\\\", \\\"Faint\\\", \\\"Harsh\\\", \\\"High-pitched\\\", \\\"Hissing\\\", \\\"Hushed\\\", \\\"Husky\\\", \\\"Loud\\\", \\\"Melodic\\\", \\\"Moaning\\\", \\\"Mute\\\", \\\"Noisy\\\", \\\"Purring\\\", \\\"Quiet\\\", \\\"Raspy\\\", \\\"Screeching\\\", \\\"Shrill\\\", \\\"Silent\\\", \\\"Soft\\\", \\\"Squeaky\\\", \\\"Squealing\\\", \\\"Thundering\\\", \\\"Voiceless\\\", \\\"Whispering\\\"] \\nvar object = [\\\"Taco\\\", \\\"Operating System\\\", \\\"Sphere\\\", \\\"Watermelon\\\", \\\"Cheeseburger\\\", \\\"Apple Pie\\\", \\\"Spider\\\", \\\"Dragon\\\", \\\"Remote Control\\\", \\\"Soda\\\", \\\"Barbie Doll\\\", \\\"Watch\\\", \\\"Purple Pen\\\", \\\"Dollar Bill\\\", \\\"Stuffed Animal\\\", \\\"Hair Clip\\\", \\\"Sunglasses\\\", \\\"T-shirt\\\", \\\"Purse\\\", \\\"Towel\\\", \\\"Hat\\\", \\\"Camera\\\", \\\"Hand Sanitizer Bottle\\\", \\\"Photo\\\", \\\"Dog Bone\\\", \\\"Hair Brush\\\", \\\"Birthday Card\\\"]\\nvar list;\\n\\nfunction generator() {\\n document.getElementById(\\\"name\\\").innerHTML = adjective[Math.floor(Math.random() * adjective.length)] + \\\" \\\" + object[Math.floor(Math.random() * object.length)];;;\\n}\\n\",\"html_pre_processor\":\"none\",\"css_pre_processor\":\"scss\",\"js_pre_processor\":\"none\",\"html_classes\":\"\",\"css_starter\":\"neither\",\"css_prefix_free\":null,\"css_external\":null,\"js_library\":null,\"js_modernizr\":null,\"js_external\":null,\"created_at\":\"2016-03-08T16:37:02.000Z\",\"updated_at\":\"2016-06-24T16:02:40.000Z\",\"session_hash\":\"b1fc1bdde3c78c5f364bf44c27678239\",\"title\":\"Random Name Generator\",\"description\":\"\",\"slug_hash\":\"BKKywy\",\"head\":\"\",\"private\":false,\"has_animation\":false,\"css_pre_processor_lib\":\"\",\"checksum\":4110122136,\"screenshot_uuid\":\"5a70df0b-7c78-4bf6-9cfa-ce73e4e4631c\",\"team_id\":0,\"css_prefix\":\"neither\",\"template\":false,\"js_module\":null,\"deleted_at\":null,\"deleted_by_user_id\":null,\"hard_delete_at\":null,\"pen_hash\":null}","__jwt":"eyJhbGciOiJIUzI1NiJ9.eyJjbGFpbXMiOnsidXNlcl9pZCI6MX0sImV4cCI6MTY1NjI2OTE0MX0.VCZb9eOe7ipuVwVnmeB057_SMZOjVEqz7ai009yUWUU","__layoutType":"top","__pageType":"pen","__pen_export_url":"https://bphy80o6m7.execute-api.us-west-2.amazonaws.com","__profiled":{"base_url":"/susier2016","hashid":"ZnkGao","id":519605,"name":"Susie","type":"user","username":"susier2016"},"__processorsMap":{"autoprefixer":"autoprefixer-10","babel":"babel-7","coffeescript":"coffeescript-2","format-1":"format-1","flutter":"flutter-1","haml":"haml-4","less":"less-3","lint-1":"lint-1","livescript":"livescript-1","markdown":"markdown-11","postcss":"postcss-7","pug":"pug-2","sass":"sass-1","scss":"sass-1","sass-ruby-3":"sass-ruby-3","sass-ruby-compass-3":"sass-ruby-compass-3","slim":"slim-3","stylus":"stylus-0","typescript":"typescript-4","vue":"vue-2","vue3":"vue-3"},"__rtData":"{\"maxMembers\":0,\"roomID\":\"BKKywy/live\",\"roomType\":\"live\",\"updatedAt\":1466784160,\"user\":{\"id\":\"VoDkNZ\",\"hashid\":\"VoDkNZ\",\"name\":\"Captain Anonymous\",\"username\":\"anon\",\"role\":\"editor\"}}","__eijs":"https://cpwebassets.codepen.io/assets/embed/ei.js","__favicon_mask_icon":"https://cpwebassets.codepen.io/assets/favicon/logo-pin-8f3771b1072e3c38bd662872f6b673a722f4b3ca2421637d5596661b4e2132cc.svg","__favicon_shortcut_icon":"https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico","__path_to_iframe_console_runner":"https://cpwebassets.codepen.io/assets/editor/iframe/iframeConsoleRunner-7549a40147ccd0ba0a6b5373d87e770e49bb4689f1c2dc30cccc7463f207f997.js","__path_to_iframe_refresh_css":"https://cpwebassets.codepen.io/assets/editor/iframe/iframeRefreshCSS-4793b73c6332f7f14a9b6bba5d5e62748e9d1bd0b5c52d7af6376f3d1c625d7e.js","__path_to_iframe_runtime_errors":"https://cpwebassets.codepen.io/assets/editor/iframe/iframeRuntimeErrors-4f205f2c14e769b448bcf477de2938c681660d5038bc464e3700256713ebe261.js","__path_to_processor_worker":"https://cpwebassets.codepen.io/assets/packs/router.js","__path_to_stop_execution_on_timeout":"https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-1b93190375e9ccc259df3a57c1abc0e64599724ae30d7ea4c6877eb615f89387.js","__pen_normalize_css_url":"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css","__pen_prefix_free_url":"https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js","__pen_reset_css_url":"https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css","__theme_url_twilight":"https://cpwebassets.codepen.io/assets/editor/themes/twilight-976bb0f608bdbaa6f2d5bccaebc1f7e918c76f47da83f19f764b42c83ea53fe5.css","__theme_url_solarized_dark":"https://cpwebassets.codepen.io/assets/editor/themes/solarized-dark-08d316acd434ccc386daf9e01ac7f19dfac90d4a6baed1f3ca39c186ae22365d.css","__theme_url_tomorrow_night":"https://cpwebassets.codepen.io/assets/editor/themes/tomorrow-night-e7901fb9227c12ab72c4f781302a580ae2e8748ffafa384f2bc6d73738f2b096.css","__theme_url_oceanic_dark":"https://cpwebassets.codepen.io/assets/editor/themes/oceanic-dark-65bd6121603062d9891b8929e6f1b41a023f1fae7625b2e69f7cd421fba53e4b.css","__theme_url_panda":"https://cpwebassets.codepen.io/assets/editor/themes/panda-8c62f6a406c6ea1d42ad6bf8a54cd703fbe0827d16304707ba5151ecc308ca35.css","__theme_url_duotone_dark":"https://cpwebassets.codepen.io/assets/editor/themes/duotone-dark-4df1df989af5d9c7899fe0eb04d48f65a7083d5d660f508149811a6753ff6e8b.css","__theme_url_highcontrast_dark":"https://cpwebassets.codepen.io/assets/editor/themes/highcontrast-dark-6be871a736c4bb4dcfd61a856f05a32a290df49061bbbf884cd741080c0644eb.css","__theme_url_classic":"https://cpwebassets.codepen.io/assets/editor/themes/classic-9aac31a30a9504467e341f4ca9375b76ef67c2385042fad7c6dcd6a96889f72c.css","__theme_url_solarized_light":"https://cpwebassets.codepen.io/assets/editor/themes/solarized-light-1cd0ea74456733f429552ec862f320873cd38870212cb59a15fd57f0977c6264.css","__theme_url_xq_light":"https://cpwebassets.codepen.io/assets/editor/themes/xq-light-596c715a89ba2010a5e8c428f19e23981b7f700b17799ddcf03476986f50ea8d.css","__theme_url_oceanic_light":"https://cpwebassets.codepen.io/assets/editor/themes/oceanic-light-ec543f4950799d15665d1e18ae7cf6e31a899b519ac5fa5c12f87e19d1bd28b0.css","__theme_url_mdn_like":"https://cpwebassets.codepen.io/assets/editor/themes/mdn-like-c633c1fa7ca866732ed9b2a9becbf511b35ea5466a370b019087fa5a47465a5a.css","__theme_url_duotone_light":"https://cpwebassets.codepen.io/assets/editor/themes/duotone-light-a7014f71cd710d8a8befc6d018878d67a3f1ce9c0c94c06dbc77c2c15a6f3122.css","__theme_url_highcontrast_light":"https://cpwebassets.codepen.io/assets/editor/themes/highcontrast-light-06fe5a015fdaf9c32c52f6d87312966fb99d69e09778c0924214fa2335b438b7.css","__theme_url_scoped_twilight":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/twilight-6f6802f569a02937a70d9a862c690ccdd3b5f4ffe332ff69fca136beb580e740.css","__theme_url_scoped_solarized_dark":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/solarized-dark-6f6504cd5c997955182259ca159f397c69a4af9341af64c1ae0bc85992347650.css","__theme_url_scoped_tomorrow_night":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/tomorrow-night-9946a266d06e61cd2269fc3c818f213113112477e520c795ca980a413762358c.css","__theme_url_scoped_oceanic_dark":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/oceanic-dark-6e60464e514943bd9dc527c6c05622bec4d055c08f710d021c99761e71370f1d.css","__theme_url_scoped_panda":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/panda-78643068a13a56d7dfb34cfca4eb9c0d349ebaf3ed4c6f1647d3330daf48c056.css","__theme_url_scoped_duotone_dark":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/duotone-dark-a5d37579a8b4f6868d157c104403fe45f134679235685fa10ab3910ff0f27abc.css","__theme_url_scoped_highcontrast_dark":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/highcontrast-dark-442fb8e7d0d6219216883669986adae108ac7998aa90bb75ef6bcc5f013761d1.css","__theme_url_scoped_classic":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/classic-21d5390ac36b7d59f569b68d880167d3f45c2321893da599b903a0dbf06ffc19.css","__theme_url_scoped_solarized_light":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/solarized-light-6474d0142d83601a8d7dbc7868e659e6d8f83cc7089ebef827a378a350b9b0f8.css","__theme_url_scoped_xq_light":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/xq-light-8596847d8d02574565fb3b3c8cd6a577d629eab2a52a15915a098338b734cdf8.css","__theme_url_scoped_oceanic_light":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/oceanic-light-b2db9de51dc0d3ad81e32af95df67645a60c65693ab5e25dda7eaa39ecd86471.css","__theme_url_scoped_mdn_like":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/mdn-like-492237c625746ef1b888d07cf002cf8a67229c58c45f3e8ad8e689f24cec5b62.css","__theme_url_scoped_duotone_light":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/duotone-light-643f989ccd6f2544f9c7f4b6f0380bca16f75e802a1a0d52561f3ec0c08a5913.css","__theme_url_scoped_highcontrast_light":"https://cpwebassets.codepen.io/assets/editor/themes/scoped/highcontrast-light-93420a16637e1e3b499231fa28a3d69b3b09fe128c0da805f4e955f2a3cf61dc.css"}

Console

Editor Commands

Editor Focus

Misc

HTML Specific

Pen Actions